<!--{template common/header}-->
<link rel="stylesheet" type="text/css" href='template/quater_2023_dji/group/group.css' />
<script type="text/javascript" src="template/quater_2023_dji/group/sticky.js?{VERHASH}"></script>
</div>
<style type="text/css">
body { font-family: mipro !important}
@media (max-width: 820px) {
.mi_section { width: 100% !important}
.ct2 .mn { width: 100% !important}
.ct2 .sd { display: none}
.mi_group_top1 { padding: 0 4% !important}
.group_list1 { padding: 0 0 20px 0 !important}
.categoryHeader-G-sic { padding: 20px 4% 0 4% !important}
.boards-1fyl- { padding: 20px 4% !important}
.boards-1fyl- a { display: block; width: 100%; margin-bottom: 10px}
.boardCard-3nuYn { width: 100% !important; margin: 0 !important}
}
</style>

<div class="wp cl">
	<div id="pt" class="bm cl" style="display: none;">
		<div class="z">
			<a href="./" class="nvhm" title="{lang homepage}">$_G[setting][bbname]</a><em>&raquo;</em><a href="group.php">{$_G[setting][navs][3][navname]}</a>$navigation
		</div>
	</div>
	<!--{ad/text/wp a_t}-->
	<style id="diy_style" type="text/css"></style>
	<div class="wp">
		<!--[diy=diy1]--><div id="diy1" class="area"></div><!--[/diy]-->
	</div>
	<div id="ct" class="ct2 wp cl" style="margin-top: 20px;">
		<div class="mn">
			<!--[diy=diycommendtop]--><div id="diycommendtop" class="area"></div><!--[/diy]-->
			<!--{hook/index_header}-->

			<!--[diy=diycategorytop]--><div id="diycategorytop" class="area"></div><!--[/diy]-->
			<!--{hook/index_top}-->
			<div class="mi_group_top1 bm" style="margin-bottom: 0; border-bottom: 1px solid #F0F0F0;">
				<div class="group_list1 cl" style="padding: 0 15px 20px 15px;">
					<!--{loop $first $groupid $group}-->
							<a href="group.php?gid=$groupid">$group[name]</a>
					<!--{/loop}-->
				</div>
			</div>
			<div class="cl" style="background: #FFFFFF;"><!--[diy=diycontentbottom]--><div id="diycontentbottom" class="area"></div><!--[/diy]--></div>
			<!--{hook/index_bottom}-->
		</div>

		<div class="sd">
            <div class="userheader"><div class="cl" style="height: 130px;"><a href="member.php?mod=logging&action=login" class="userhead"><div class="imgblock"><!--{if $_G['uid']}--><!--{avatar($_G['uid'],'middle')}--><!--{else}--><img class="loading" src="template/quater_2023_dji/src/placeholder_avatar.png"><!--{/if}--></div></a></div>
            <!--{if $_G['uid']}-->
            <div class="cl"><p><a href="home.php?mod=space&uid=$_G[uid]">{$_G[member][username]}</a></p><p><a href="group.php?mod=my" style="color: rgba(0,0,0,0.85); font-size: 13px;">进入我的群组</a></p></div>
            <div class="cl" style="text-align: center; padding-top: 10px;"><a href="forum.php?mod=group&action=create" style="display: inline-block; padding: 0 25px; color: #FFFFFF; font-size: 14px; height: 36px; line-height: 36px; border-radius: 40px; background: rgba(0,0,0,0.85);">创建群组</a></div>
            <!--{else}-->
            <p><a href="member.php?mod=logging&action=login">立即登录</a></p><p>登录以后更精彩哦~</p>
            <!--{/if}-->
            </div>
			<div class="drag">
				<!--[diy=diysidetop]--><div id="diysidetop" class="area"></div><!--[/diy]-->
			</div>
			<!--{hook/index_side_top}-->
			<div class="drag">
				<!--[diy=diysidebottom]--><div id="diysidebottom" class="area"></div><!--[/diy]-->
			</div>
			<!--{hook/index_side_bottom}-->
		</div>
	</div>
<script type="text/javascript">
      jQuery(".userheader").sticky({ topSpacing: 76,bottomSpacing: 75});
</script> 
<div class="wp mtn">
	<!--[diy=diy4]--><div id="diy4" class="area"></div><!--[/diy]-->
</div>

<!--{template common/footer}-->